{% extends "eventos/base.html" %}

{% block extrahead %}
    {% load static %}
    {% get_static_prefix as STATIC_PREFIX %}
    
    <!--
    <style type="text/css">
        body {
            font-family: verdana, arial;
            font-size: 0.8em;
        }
        code {white-space: pre;}
    </style>
    -->
    
    <!--link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery.ui.all.css"-->
    <!--link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery.ui.demos.css"-->
    <!--link rel="stylesheet" href="{{ STATIC_PREFIX }}css/jquery/ui/jquery-ui-1.8.16.custom.css"-->
    
    <!--     jquery/acordion       -->
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/jquery-1.7.min.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.core.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/ui/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery/jquery.nestedAccordion.js"></script>
    <!-- ......................... -->

    <script type="text/javascript">
    $("html").addClass("js");
    $(function() {
        $("#main").accordion({
            objID: "#acc1", 
            el: ".h", 
            head: "h4, h5", 
            next: "div", 
            initShow : "div.shown",
            standardExpansible : true
        });
        $("html").removeClass("js");
    });
    </script>
    
{% endblock %}

{% block breadcrumb %} <a href="/">Inicio</a> > <a href='/eventos/'>Eventos</a> > <a href='/eventos/ver/{{evento.pk}}/'>{{evento.nombre}} {{evento.edicion}}</a> > <a href='/eventos/{{evento.pk}}/participantes'> Participantes</a> > Ver participación{% endblock %}

{% block content %}

<div id="main">
    <h2>Evento: {{evento.nombre}}</h2>
    <h3>Participación de '{{atleta.nombre_completo}}'</h3>
    <ul id="acc1" class="accordion">
        {% for deporte in deportes%}
            <li>
                <h4>{{ deporte.nombre }}</h4>
                <div class="inner">
                    <ul>
                        {% for disciplina in deporte.disciplinas%}
                            <li>
                                <h5>{{ disciplina.nombre }}</h5>
                                <div class="inner">
                                    <ul>
                                        {% for categoria in disciplina.categorias%}
                                            <li>
                                                <h5>{{ categoria.nombre_completo }}</h5>
                                                <div class="inner">
                                                    <!-- Resultados -->
                                                    {% if categoria.resultados%}
                                                        <table border="2">
                                                            <tr>
                                                            <th>Posici&oacute;n</th>
                                                            <th>{{disciplina.tipo_resultado}}</th>
                                                            </tr>
                                                            {% for resultado in categoria.resultados %}
                                                                {% ifequal resultado.atleta atleta.pk %}
                                                                    <tr>
                                                                    <td>{{ resultado.posicion }}</td>
                                                                    <td>{{ resultado.valor }}</td>
                                                                    </tr>
                                                                {% endifequal %}
                                                            {% endfor %}
                                                        </table>
                                                    {% else %}
                                                    <p>No existen resultados para esta categor&iacute;a.</p>
                                                    {% endif %}
                                                </div>
                                            </li>
                                        {% endfor%}
                                    </ul>
                                </div>
                            </li>
                        {% endfor%}
                    </ul>
                </div>
            </li>
        {% endfor%}
    
    </ul>
</div>
</br>

<div id='buttons' align='right'>
<input type="button" class='savebuton'   value="Editar" onclick="window.location='../../editar/{{atleta.pk}}'">
<input type="button" class='cancelbuton' value="Regresar" onclick="window.location='../../'">
</div>
{% endblock %}
